/* Logos */
.menubrands .logos {
	position: relative;
	width: 14%;
}
.menubrands  {
	width: 100%;
}
/* set color of overlay */
.ms-dlgOverlay {background:#696969;}

/* set rounded corners */
.ms-dlgContent, .ms-dlgBorder, .ms-dlgTitle {
  -webkit-border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
          border-top-right-radius: 12px;
          border-top-left-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
          border-bottom-right-radius: 12px;
          border-bottom-left-radius: 12px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    background:#ffffff;

}
/* give both divs a 1px border to erase strange padding */
.ms-dlgBorder, .ms-dlgContent {border:1px solid #680000;}

/* add a drop shadow to the outermost div */
.ms-dlgBorder {
  -webkit-box-shadow: 3px 3px 10px -3px #333;
          box-shadow: 3px 3px 10px -3px #333;
}

/* take away borders and then
add back in a bottom border to separate title from ribbon */
.ms-dlgTitle {
    border:none;
    border-bottom:1px solid #680000;
}
/* color text of title of modal */
.ms-dlgTitleText {color:#FFFFFF;}
.ms-dlgTitle {
	background-color:#680000;
    box-shadow: 0 5px 5px #EC9797 inset;
}
@media screen and (max-width: 767px) {
	
	#main-menu > li > a {
		line-height: normal !important;
	}	

	#main-menu > li ul.submainmenu li.leaves a {
		height: auto !important;
		line-height: normal !important;
		padding: 1em 1.5em;
		white-space: normal;
	}	
	
	#subnav .uppercase
	{
		display: none !important;
	}	
}

@media screen and (max-width: 967px) {
	#main-menu > li ul.submainmenu li.leaves a {
		height: auto;
		line-height: normal !important;
		white-space: normal;
		padding: 1em 1.5em;
	}
	
	#subnav .uppercase
	{
		display: none !important;
	}
}

inset-shadow > p{{
   background-color: #303030;
   color: white;
   padding: 4px;
   font-size: 1.22em;
}